<template>
  <div>
    <div class="text-primary h1 text-center">
      订单号：{{$route.query.orderId}}
      <!-- {{route.query.c}} -->
          
 

    </div>
       <div class="zhifu">请选择支付方式  </div>
     <div class="zhifubao"><van-icon name="alipay"  color="#06b4fd"/>支付宝支付 <input type="radio" disabled>
     </div>
  <div class="weixin"> <van-icon name="wechat"  color="#2cdd71"/>微信支付<input type="radio" :checked=false></div>
  <van-form>

  <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit">立即支付</van-button>
  </div>
</van-form>
 
  </div>
</template>

<script>
export default {
  // mounted() {
    
  // },

}
</script>

<style scoped lang="less">
@import "../../less/index.less";

.zhifu{
  padding-top: 100px;
  font-size: @font-h2;
  text-indent: 2em;
}
.zhifubao,.weixin{
// text-indent: 2em;
  font-size: @font-h2;
  margin-left: 40px;
}
input{
  width: 30px;
  height: 30px;
  margin-left: 50px;
}
.van-button--block{
  bottom: 0;
}

</style>

